@borderColor: #757B7E;
@backgroundColor: #00a1f0;

.number-body{
  width: 100%;
  height: auto;
  margin-bottom: 1px;
  .row-body {
    .ant-col-24 {
      background-color: #EBF1F4;
      height: auto;
    }
    .child-title {
      width: 20%;
      float: left;
      border-right: 1px solid #F1F7FA;
      padding: 10px;
      p{
        width: 100%;
        text-align: right;
        color: @borderColor;
        height: 29px;
        padding-top: 6px;
      }
    }
    .child-content {
      width: 80%;
      float: left;
      padding: 10px;
      .numberSelect{
        height: 29px;
        border: 1px solid #d9d9d9;
        width: 130px;
        background-color: #ffffff;
        float: left;
        margin-right: 5px;
        .p-number{
          float: left;
          height: 100%;
          padding-top: 5px;
          padding-left: 10px;
        }
        div{
          float: right;
          p{
            padding-top: 1px;
            background-color:#E1E7EA;
            font-size: 8px;
            margin: 1px;
            width: 20px;
            text-align:center;
            height: 12px;
            &:hover{
              background-color:@backgroundColor;
              color: #ffffff;
              cursor: pointer;
            }
          }
        }

      }
      .p-desc{
        float: left;
        color: @borderColor;
        font-weight: 200;
        padding-top: 5px;
        strong{
          color: #9EA4A7;
          font-weight: 200;
        }
      }
    }
  }
}

